<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/shopCar.css"/>
				<script type="text/javascript" src="../library/1637BCookie.js" ></script>
		<script type="text/javascript" src="../library/operateCookie.js"></script>
	</head>
	<body>
		<div class="o">
			<!--顶部 -->
			<div class="top-bar">
				<div class="container">
					<p class="welcome l">您好，欢迎来到朵唯官方商城 </p>
					<div class="qrcodes">
						<div class="qrcode">
							<span>您还可以下载朵唯商城APP</span>
							<div class="block">
								<img src="../images/reg/doov_app.png">
							</div>
						</div>
						<div class="qrcode">
							<span>关注朵唯微信公众号</span>
							<div class="block">
								<img src="../images/reg/doov_wx.jpg">
							</div>
						</div>
					</div>
					<ul class="top-right r">
						<li class="headerLogin l">
							<img src="../images/index/login.png" />
							<a href="login.html" style="color: #eee;">登录</a>&nbsp;|&nbsp;
							<a href="reg.html" style="color: #eee;">注册</a>
						</li>
						<li class="headerCart l" onclick="location.href='shopCar.html'">
							<img src="../images/index/cart.png" alt="" class="l" />
							<a href="#" style="color: #eee;">购物车</a>
							<span class="shopnum r" style="color:red;">0</span>
						</li>
					</ul>
				</div>
			</div>
			<!--导航和logo-->
			<div class="logo-nav">
				<ul class="menu w">
					<li class="menus-a l">
						<img src="../images/index/logo.gif" onclick="location.href='indexs.html'"/>
					</li>
					<li class="menus-b l">
						<ul>
							<li style="padding-left: 0;">
								<a href="list.html">手机</a>
							</li>
							<li>
								<a href="#">配置</a>
							</li>
							<li>
								<a href="#">精致生活</a>
							</li>
							<li>
								<a href="#">服务</a>
							</li>
							<li style="padding-right: 0;">
								<a href="#">积分商城</a>
							</li>
						</ul>
					</li>
					<li class="menus-c r">
						<input type="text" value="" placeholder="商品搜索" class="l" />
						<div class="l">
							<img src="../images/index/search.png" alt="" />
						</div>
					</li>
				</ul>
			</div>

		</div>
		
		<!-- 购物车的页面-->
		<div class="shopCar">
			<div class="shopcar w">
				<ul class="submit-step r" style="margin-right: 50px;">
				 	<li class="current">查看购物车</li>
				 	<li>提交订单</li>			 	
				</ul>
				<p class="box hide" id="box"><a href="list.html">购物车里没有任何商品</a></p>
				<table class="cartTable hide" id="cartTable">
				    <tbody>
						<tr>
							<th>图片</th>
							<th>商品</th>
							<th>价格</th>
							<th>数量</th>
							<th>小计</th>
							<th>操作</th>
						</tr>	
					</tbody>
					<tbody>
						
					</tbody>
				</table>
				<div class="operate-box">
					<div class="total">
						<em id="promotion">新品上市 立减100元</em>
						赠送积分: <em id="effectiveRewardPoint">1400</em>
						商品金额: <strong id="effectivePrice">￥1399.00元</strong>
					</div>
					<div class="bottom">
						<a href="javascript:delAllGoods();" id="clear" class="clear">清空购物车</a>
						<a  id="submit" class="submit" href="javascript:order()">提交订单</a>
					</div>
				</div>
			</div>
			<div class="w kong" style="display: none; height: 200px;line-height: 200px;text-align: center; font-size: 30px;">
				您的购物车空空如也，请进入<a href="indexs.html" style="color: royalblue;">主页</a>挑选商品！
			</div>
		</div>
		
		<!--foot-->
		<div class="foot">
			<div class="container">
				<div class="about">
					<div class="ico-1"></div>
					<h3>购物指南</h3>
					<ul style="margin-top: 15px;">
						<li>
							<a href="#" target="_blank">购物流程</a>
						</li>
						<li>
							<a href="#" target="_blank">支付方式</a>
						</li>
						<li>
							<a href="#" target="_blank">物流配送</a>
						</li>
					</ul>
				</div>
				<div class="about">
					<div class="ico-2"></div>
					<h3>技术支持</h3>
					<ul style="margin-top: 15px;">
						<li>
							<a href="#" target="_blank">产品手册</a>
						</li>
						<li>
							<a href="#" target="_blank">手机知识</a>
						</li>
						<li>
							<a href="#" target="_blank">软件下载</a>
						</li>
					</ul>
				</div>
				<div class="about">
					<div class="ico-3"></div>
					<h3>关于朵唯</h3>
					<ul style="margin-top: 15px;">
						<li>
							<a href="#" target="_blank">发展历程</a>
						</li>
						<li>
							<a href="#" target="_blank">公司文化</a>
						</li>
						<li>
							<a href="#" target="_blank">公司荣誉</a>
						</li>
						<li>
							<a href="#" target="_blank">联系我们</a>
						</li>
					</ul>
				</div>
				<div class="about">
					<div class="ico-4"></div>
					<h3>售后服务</h3>
					<ul style="margin-top: 15px;">
						<li>
							<a href="#" target="_blank">三包服务</a>
						</li>
						<li>
							<a href="#" target="_blank">退换货说明</a>
						</li>
						<li>
							<a href="#" target="_blank">寄修规则</a>
						</li>
						<li>
							<a href="#" target="_blank">售后网点</a>
						</li>
					</ul>
				</div>
				<div class="about">
					<div class="ico-5"></div>
					<h3>关注我们</h3>
					<ul style="margin-top: 15px;">
						<li>
							<a href="#" target="_blank">新浪微博</a>
						</li>
						<li>
							<a href="#" target="_blank">微信公众号</a>
						</li>
					</ul>
				</div>

			</div>
			<div class="footer-block">
				<p>
				</p>
				<p>
					粤ICP备09095946号Copyright © 2015-2016 朵唯官方商城 朵唯手机官网 朵唯唯一官方购物网站 版权所有
				</p>
			</div>
			<span style="height: 12px; width: 100%; background: #dcdcdc;">
				<img src="../images/reg/2.gif" alt="" />
			</span>
		</div>

		<div class="other">
			<a href="#" class="topimg">
				<img src="../images/login/icon-top.jpg" alt="" />
			</a>
			<a href="#">
				<img src="../images/login/favourite.jpg" alt="" />
			</a>
			<a href="#">
				<img src="../images/login/icon-qq.jpg" alt="" />
			</a>
		</div>
		<div class="subOrder">
			<span class="dis" style="cursor:pointer;display:block; float: right; height: 20px; width: 20px;color: black;background:skyblue;line-height: 20px;text-align: center;">x</span>
			<h2>您的订单已提交成功，正在等待付款</h2>
			<font>订单信息:</font>
			<ul>
				<li>编号：<span></span>【查看订单】</li>
				<li>应付金额:<span></span></li>
			</ul>
			<a href="javascript:zhifu()">立即支付</a>
		</div>
		<script type="text/javascript" src="../library/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="../library/jquery.cookie.js" ></script>
		<script src="../js/carNum.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/login_decide.js" ></script>
		<script type="text/javascript" src="../js/shopCar.js" ></script>
	</body>
</html>
